<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>login</title>
  <link href="../css/login.css" rel="stylesheet">
</head>

<body>
<div id="loginDiv" style="height: 350px">
  <form action="http://localhost:8080/pages/employee.html" id="form">
    <h1 id="loginMsg">LOGIN IN</h1>
    <div id="errorMsg">${login_msg}</div>
    <p>Username:<input id="username" name="username" type="text"></p>

    <p>Password:<input id="password" name="password" type="password"></p>
    <p>Remember:<input id="remember" name="remember" type="checkbox"></p>
    <div id="subDiv">
      <input type="submit" class="button" value="login up" >
      <input type="reset" class="button" value="reset">&nbsp;&nbsp;&nbsp;
      <a href="register.html">没有账号？</a>
    </div>
  </form>
</div>


<script src="../js/vue.js"></script>
<script src="../plugins/elementui/index.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/axios-0.18.0.js"></script>
<script>

  var vue = new Vue({

    el:'#loginDiv',
    data(){
      return{
        username: '',
        password: '',
        remember: false,
        login_msg: '',
        errorMsg:''
      }
    },
    methods: {

    }

  })

</script>

</body>